﻿{% extends "base.html" %}
{% block title %} {{participante.nome}} {% endblock %}

{% block content %}

    {% if msg %}<div class="msg">{{msg}}</div>{% endif %}

    <h2>{{participante.nome}}</h2>
    
    <div id="foto">
        {% if participante.avatar %}
            <img src="/fotoparticipante?key={{participante.key}}">
        {% else %}
            <img src="/imagens/anonimo.gif">
        {% endif %}
        <br>
        {% ifequal user participante.owner %}
        <small><a href="/editafoto?key={{participante.key}}">Alterar foto</a></small>
        {% endifequal %}
    </div>

    <p>
    Pontos acumulados: {{participante.total_pontos_fase1}}<br>
    Posição no Ranking Geral: {{participante.pos_ranking1}}
    {% for seta in participante.setas1 %}
            {% ifequal seta 1 %}<img src="/imagens/Up.gif">{% endifequal %}
            {% ifequal seta 0 %}<img src="/imagens/Same.gif">{% endifequal %}
            {% ifequal seta -1 %}<img src="/imagens/Down.gif">{% endifequal %}
    {% endfor %} <small> {{participante.evolucao1}}</small><br>
    {% if bolao.em_segunda_fase %}
        Posição no Ranking da Segunda Fase: {{participante.pos_ranking2}}
        {% for seta in participante.setas2 %}
                {% ifequal seta 1 %}<img src="/imagens/Up.gif">{% endifequal %}
                {% ifequal seta 0 %}<img src="/imagens/Same.gif">{% endifequal %}
                {% ifequal seta -1 %}<img src="/imagens/Down.gif">{% endifequal %}
        {% endfor %} <small> {{participante.evolucao2}}</small>
        (<a href="evolucao1?key={{participante.key}}&fase=2">evolução completa</a>)
    {% endif %}</p>

    {% for quadro in quadros %}    
        <h2>{{quadro.0.grupo}}</h2>
    
        <table class="grupojogos">
            <colgroup style="width: 2%;"></colgroup> 
            <colgroup style="width: 12%;"></colgroup>
            
            <colgroup style="width: 14%;"></colgroup>
            <colgroup style="width: 5%;"></colgroup> 
            <colgroup style="width: 6%;"></colgroup> 
            <colgroup style="width: 5%;"></colgroup> 
            <colgroup style="width: 14%;"></colgroup> 

            <colgroup style="width: 6%;"></colgroup> 
            <colgroup style="width: 6%;"></colgroup>

            <tbody>
                <tr class="head">
                    <td>Jogo</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>Placar</td>
                    <td></td>
                    <td></td>
                    <td>Palpite</td>
                    <td>Pontos</td>
                </tr>

                {% for linha in quadro %}
                    <tr class="cor{{linha.cor_da_linha}}">                        
                        <td><small>{{linha.num_jogo}}</small></td>
                        <td class="right"><small>{{linha.datahora|date:"d/M"}} às {{linha.datahora|time:"G:i"}}</small></td>
                        
                        <td class="right">{{linha.nome_pais1}}</td>
                        <td class="bandeira"><img src="/imagens/{{linha.pais1}}.gif"></td>
                        
                        <td> {{linha.score1}} X {{linha.score2}} </td>
                        
                        <td class="bandeira"><img src="/imagens/{{linha.pais2}}.gif"></td>
                        <td class="left">{{linha.nome_pais2}}</td>
                        
                        <td> {{linha.palpite1}} X {{linha.palpite2}} </td><td>{{linha.pontos}}</td>
                    </tr>
                {% endfor %}
                {% if bolao.em_palpites %}
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>
                        <a href="/editapalpites?key={{participante.key}}">edite </a><img src="/imagens/edit.png">
                    </td>
                </tr>
                {% endif %}
            </tbody>            
        </table>
    {% endfor %}

{% endblock %}